<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>房间</title>
    <link rel="stylesheet" href="../css/chess/index.css">
    <link rel="stylesheet" href="../css/chess/chessbox.css">
    <link rel="stylesheet" href="../css/chess/popUpMessage.css">
    <link rel="stylesheet" href="../css/chess/chessbox_hover.css">
    <link rel="stylesheet" href="../css/chess/message.css">
</head>
<body>

<div class="container">
    <div id="board">
        <div id="chessboardCSS"></div>
    </div>
    <div class="side-panel">
        <div id="scoreBoard" class="score-board">
            <div class="scoreLabel sl-black">
                <div class="score score-black" id="sl-black-name">黑方</div>
                <div class="sl-black-chess"></div>
                <div>
                    <span id="blackScoreSpan" class="scoreSpan">000</span>
                </div>
            </div>
            <div class="scoreLabel sl-center">
                <div>
                    <div style="color: #C3C3C3;">本局先手</div>
                    <div id="currentChessColor"></div>
                </div>
            </div>
            <div class="scoreLabel sl-white">
                <div class="sl-white-chess"></div>
                <div class="score score-white" id="sl-white-name">白方</div>
                <div>
                    <span id="whiteScoreSpan" class="scoreSpan">000</span>
                </div>
            </div>
        </div>

        <div id="chatBox" class="chat-box">
            <div id="messages">
                <div class="roomInformation" id="roomInformationClick">
                    当前房间码:
                    <span id="roomCodeSpan"></span>
                </div>
                <div id="messageList" class="chat-container">
                </div>
            </div>
            <div class="chat-input">
                <input type="text" id="messageInput" placeholder="输入消息..."/>
                <button id="sendMessageButton">发送</button>
            </div>
        </div>
        <div class="score-board">
            <div>
                <div class="logout">
                    <button id="logout-button">退出房间</button>
                </div>
            </div>
            <div id="ready" style="width: 70%">
            </div>
        </div>
    </div>
    <div id="play-chess-hover"></div>
    <div id="pop-up-message">
        <div id="pop-up-message-content">
            <h2 id="pop-up-message-content-text"></h2>
        </div>
    </div>
</div>
</body>
<script src="../js/home/popUpMessage.js"></script>
<script src="../api/request.js"></script>
<script src="../api/gameRoom.js"></script>
<script src="../storage/ZhhSessionStorage.js"></script>
<script src="../js/chess/operate.js"></script>
<script src="../js/chess/boardConfig.js"></script>
<script src="../js/chess/chessBoardData.js"></script>
<script src="../connection/userConnection.js"></script>
<script src="../js/chess/index.js"></script>
<script src="../js/chess/init.js"></script>
</html>